.fp_pick{background:#fafafa;height:765px;padding:0 30px;}
.pick_tools{position:relative;height:100px;}
.pick_tools .pick_cell1{width:140px;position:absolute;top:0;left:48px;transition:all 0.3s;}
.pick_cell1 .label{color:#878787;font-size:12px;line-height:30px;margin-top:10px;}
.pick_cell1 .select{font-size:14px;position:relative;color:#000;line-height:36px;border-bottom:1px solid #878787;cursor:pointer;transition:all 0.3s;}
.pick_cell1 .select i{position:absolute;top:0;right:2px;color:#878787;font-size:12px;}
.pick_cell1 .select ul{display:none;}

.pick_tools .pick_cell2{width:114px;position:absolute;top:0;right:242px;transition:all 0.3s;}
.pick_cell2 .label{color:#878787;font-size:12px;line-height:30px;margin-top:10px;}
.pick_cell2 .select{font-size:14px;position:relative;color:#000;line-height:36px;border-bottom:1px solid #878787;cursor:pointer;transition:all 0.3s;}
.pick_cell2 .select i{position:absolute;top:0;right:2px;color:#878787;font-size:12px;}
.pick_cell2 .select ul{display:none;}

.pick_tools .pick_cell3{width:114px;position:absolute;top:0;right:48px;transition:all 0.3s;}
.pick_cell3 .label{color:#878787;font-size:12px;line-height:30px;margin-top:10px;}
.pick_cell3 .select{font-size:14px;position:relative;color:#000;line-height:36px;border-bottom:1px solid #878787;cursor:pointer;transition:all 0.3s;}
.pick_cell3 .select i{position:absolute;top:0;right:2px;color:#878787;font-size:12px;}
.pick_cell3 .select ul{display:none;}

.pick_tools .pick_cell4{width:440px;margin:0 auto;overflow:hidden;transition:all 0.3s;}
.pick_cell4 .label{color:#878787;font-size:12px;line-height:30px;padding-top:10px;}
.pick_cell4 .color_list{width:455px;height:20px;margin-top:10px;}
.pick_cell4 .color_list a{width:20px;height:20px;display:inline-block;border-radius:2px;float:left;margin-right:15px;}
.pick_cell4 .color_list .color1{border:2px solid #FC361D;}
.pick_cell4 .color_list .color1.active{background:#FC361D}
.pick_cell4 .color_list .color2{border:2px solid #FD8A25;}
.pick_cell4 .color_list .color2.active{background:#FD8A25;}
.pick_cell4 .color_list .color3{border:2px solid #FED731;}
.pick_cell4 .color_list .color3.active{background:#FED731;}
.pick_cell4 .color_list .color4{border:2px solid #58FD2F;}
.pick_cell4 .color_list .color4.active{background:#58FD2F;}
.pick_cell4 .color_list .color5{border:2px solid #2BFDB0;}
.pick_cell4 .color_list .color5.active{background:#2BFDB0;}
.pick_cell4 .color_list .color6{border:2px solid #24D3FD;}
.pick_cell4 .color_list .color6.active{background:#24D3FD;}
.pick_cell4 .color_list .color7{border:2px solid #24D3FD;}
.pick_cell4 .color_list .color7.active{background:#24D3FD;}
.pick_cell4 .color_list .color8{border:2px solid #3924FB;}
.pick_cell4 .color_list .color8.active{background:#3924FB;}
.pick_cell4 .color_list .color9{border:2px solid #FC23D9;}
.pick_cell4 .color_list .color9.active{background:#FC23D9;}
.pick_cell4 .color_list .color10{border:2px solid #FC0F43;}
.pick_cell4 .color_list .color10.active{background:#FC0F43;}
.pick_cell4 .color_list .color11{border:2px solid #E6E6E6;}
.pick_cell4 .color_list .color11.active{background:#E6E6E6;}
.pick_cell4 .color_list .color12{border:2px solid #7F7F7F;}
.pick_cell4 .color_list .color12.active{background:#7F7F7F;}
.pick_cell4 .color_list .color13{border:2px solid #000000;}
.pick_cell4 .color_list .color13.active{background:#000000;}

.pick_tools .select ul{width:100%;position:absolute;left:0;top:37px;background:#fff;box-shadow:0 0px 7px rgba(0,0,0,0.1);z-index:9;}
.pick_tools .select ul li{border-bottom:1px solid #f1f1f1;padding:0 10px;}
.pick_tools .select ul li:last-child{border-bottom:0;}
.pick_tools .select ul li.active{background:#dbdbdb;}

.pick_colors{height:620px;padding:30px 0;}
.pick_colors.light{background:#fff;border:1px solid #f3f3f3;}
.pick_colors.dark{background:#000;border:1px solid #000;}
.pick_colors.dark .jspDrag{background:#ccc;}
.pick_colors a{width:72px;height:72px;background:#d8d8d8;margin:2px;display:inline-block;float:left;}
.pick_colors.big a{width:108px;height:108px;}
.pick_colors .pick_ct{height:100%;overflow:auto;padding-left:30px;}
.pick_ct::-webkit-scrollbar {width:7px;}
.pick_ct::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background:#7F7F7F;}
.pick_colors.dark .pick_ct::-webkit-scrollbar-thumb{background:#B7B7B7}

#tooltip{position:absolute;display:none;width:74px;box-shadow:0 3px 6px rgba(51,51,51,0.1);}
#tooltip .bg{width:74px;height:74px;}
#tooltip .txt{background:#fff;color:#000;padding:10px 5px 0 5px;font-size:12px;word-wrap:break-word}    
#tooltip .title{background:#fff;color:#666;padding:2px 5px 10px 5px;font-size:12px;word-wrap:break-word;}

@media screen and (max-width: 1366px) {
	.pick_tools .pick_cell1{left:30px;}
	.pick_tools .pick_cell2{right:204px;width:100px;}
	.pick_tools .pick_cell3{right:30px;width:100px;}
}
@media screen and (max-width: 1199px) {
	.fp_pick{padding:0;height:865px;}
	.pick_tools{height:190px;}
	.pick_tools .select ul li{padding:0;}
	.pick_tools .pick_cell1{left:10px;width:110px;}
	.pick_tools .pick_cell1 li{text-align:center;}
	.pick_cell1 .label{color:#333;}
	.pick_cell1 .select i{display:none;}
	.pick_tools .pick_cell2{right:80px;text-align:center;width:55px}
	.pick_cell2 .label{color:#333;}
	.pick_cell2 .select i{display:none;}
	.pick_tools .pick_cell3{right:10px;text-align:center;width:50px}
	.pick_cell3 .label{color:#333;}
	.pick_cell3 .select i{display:none;}
	.pick_tools .pick_cell4{padding:94px 12px 0;width:auto;}
	.pick_cell4 .label{padding-top:0;}
	.pick_cell4 .color_list{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;}
	.pick_cell4 .color_list a{margin-right:0;}
	.pick_colors{padding:10px 0;}
	.pick_colors.light{border:1px solid #979797}
	.pick_colors .pick_ct{padding-left:10px;}
	.pick_colors a{width:44px;height:44px;}
	.pick_colors.big a{width:64px;height:64px;}
}